* {
    margin: 0;
    height: 0;
}

/*整个页面*/
div.all {
    width: 100%;
    height: 100%;
}

div.left {
    width: 25.727%;
    height: 600px;
    float: left;
}

.left-include {
    width: 64.3449%;
    height: 100%;
    margin-left: 118px;

}

.left-path {
    width: 10.34%;
    height: 10.64%;
    background-color: aquamarine;
}

.left-icon {
    width: 100%;
    height: 8.377%;
}

/*项目logo*/
.ChyLogo {
    width: 50px;
    height: 50px;
    margin-left: 10px;
}

/*主页图标*/
i.icons {
    font-size: 26px;
    margin-left: 13px;
}

i.icon-zhuye {}

/*主页文字span*/
.homepage {
    float: left;
    max-width: 40px;
    height: 24px;
    font-size: 20px;
    margin-left: 30px;
    margin-top: 12px;

}

/*主页第二层div*/
.padhomepage {
    width: 51.789%;
    height: 100%;
    margin-top: 4px;
}

.person {
    width: 60%;
}

.padhomepage:hover {
    border-radius: 30px;
    background-color: #cfd9de;
}

.homepage-icon {
    max-width: 40px;
    height: 26px;
    float: left;
    margin-top: 12px;

}

.personal-data {
    max-width: 100%;
    margin-left: 7.2px;


}

.left-button {
    width: 100%;
    height: 8.377%;
}

.left-button-pad {
    width: 90%;
    height: 100%;
    border-radius: 30px;
    background-color: #1d9bf0;
    color: white;
    border: none;
    font-weight: bold;
    font-size: 18.5px;

}

.userinfo {
    max-width: 100%;
    height: 6.9%;
    margin-top: 75px;
    padding: 12px;
}

.userinfo:hover {
    border-radius: 30px;
    background-color: #cfd9de;
}

.avatar {
    width: 18.204%;
    height: 96.62%;
    float: left;
}

.dusername {
    float: left;
    width: 95.38px;
    height: 21.26px;
}

.nickname {
    width: 95.38px;
    height: 18.4px;
    margin-bottom: 10px;
}

.usernick {
    width: 54.96635%;
    height: 99.22402%;
    float: left;
    padding-left: 5px;
}

.icon-gd {
    width: 18.5px;
    height: 18.5px;
    margin-left: 180px;
    margin-top: 13px;
}

i.icon-sandian {
    font-size: 18.5px;
    float: left;
}

div.center-right {
    float: left;
    width: 74.274%;
    height: auto;
}

div.center {
    width: 40.991%;
    height: auto;
    float: left;
}

div.right {
    width: 54.7772%;
    height: auto;
    float: left;
    background-color: rgb(166, 170, 173);
}

.center-top {
    max-width: 100%;
    height: 53px;
    padding: 0 16px;
}

.div-private-letter {
    float: left;
    width: 84.5120%;
    height: 100%;
    display: flex;
    align-items: center;
    /* 垂直居中 */
}

.div-private-let {
    width: 100%;
    height: 52.8301%;
}

.private-letter {
    font-size: large;
    max-width: 40px;
    max-height: 24px;
    font-weight: bold;
    line-height: 29.59px;
}

.new-message {
    float: left;
    display: flex;
    width: 15.13%;
    height: 100%;
    align-items: flex-end;
}

.icon-shezhi {
    font-size: 20px;
}

.icon-message-unread {
    font-size: 20px;
}

.icon-shez {
    width: 54.60319%;
    height: 95.556%;
    float: left;
    display: flex;
    align-self: center;
    /* 单个项目垂直居中 */
    /* 垂直居中 */
}

.icon-newmess {
    float: left;
    max-width: 54.60319%;
    height: 95.556%;
    display: flex;
    flex-shrink: 1;
    /* 默认值为1，表示可以收缩 */
    padding: 0 5px;
    /* 设置左右内边距 */
}

.icon-two-sn {
    overflow: visible;
    /* 子div可以溢出父div */
    width: 100%;
    height: 67.9247%;
    display: flex;
}

.Searching-private-messages {
    max-width: 100%;
    min-height: 67.2px;
    padding: 12px;
    display: flex;
}

.search-box {
    width: 99.2476%;
    height: 59.5247%;
    border: 1px solid #cfd9de;
    border-radius: 30px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.sousuo {
    float: left;
    width: 6.27%;
    height: 96%;
    display: flex;
    justify-content: center;

    line-height: 40px;
}
i.icon-sousuo2{
    font-size: 20px;
}

.input-sousuo {
    float: left;
    border: none;
    width: 88.1271%;
    height: 96%;
    padding: 0 16px 0 4px;
    border-radius: 30px;
    text-align: left;
    min-height: 40px;
    outline-style: none;
    border: none;
    outline: none;
}
#container{
    max-width:100%;
    height: auto;
    padding:12px;
}
.personinfo{
    max-width:100%;
    height: 53px;
    padding:0 16px;
    display: flex;
    align-items: center;
}
.avatar-username{
    width:90.128%;
    height: 100%;
    display: flex;
    align-items: center;/*垂直居中*/
}
.pad-avatar-username{
    width: 100%;
    height: 60.38%;
    flex-grow: 0;
    flex-shrink: 1; 
    flex-basis: auto;
    display: flex;
    /* justify-content: space-between; 子元素之间分隔  */
    align-items: center; /* 垂直居中 */
}
.avatar{
    max-width:6.26%;
    height:100%;
    border-radius: 50%;
    padding-right:8px;
}
.person-username{
    float: left;
    width:auto;
    height:28.74px;
    display: flex;
    justify-content: center;
    line-height: 28.74px;
}
.exclamation-point{
    width:10%;
    height: 32px;
    display: flex;
    line-height: 32px;
}
.icon-gantanhao01{
    font-size: 15px;
    margin: 0 auto;
}
.user-info{
    width:94.66%;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}
.top-user-info{
    width:100%;
    max-width:600px;
    height: 287.06px;
    display: flex;
}
.center-user-info{
    width:100%;
    height: 80.68%;
    padding:20px 16px;
    margin: 0 0 16px;
    display: flex;  
    align-items: center;
    flex-direction:column;
}
.avatar-info{
    width: 100%;
    height: 100%;
    border-radius:50%;
}
.user-avatar{
    width:11.961%;
    height: 27.68%;
    display: flex;
    display: block;
    margin-right: 0;
}
.user-username{
    width: 18%;
    height: 18%;
    display: flex;
    display: block;
    margin-right: 0;
}
.user-nickname{
    width:100%;
    height:43.6%;
    
}

